import {createApp} from 'vue'  // createApp 是 Vue 的工厂函数，用来创建应用实例
import SvgIcon from '@/icons'  // 导入自定义的 SVG 图标组件
import App from './App.vue'  // 导入整个应用的 App.vue 组件
import router from './router'  // 导入路由配置
import store from './store'  // 导入状态管理

import ElementPlus from 'element-plus'  // 引入 Element UI组件库
import zhCn from 'element-plus/es/locale/lang/zh-cn'  // 导入中文语言包
import 'element-plus/dist/index.css'  // 加载Element的样式文件

import '@/assets/styles/border.css' // 导入样式文件
import '@/assets/styles/reset.css'


// createApp(App).use(store).use(router).use(ElementPlus).mount('#app')


const app = createApp(App)  // 用 App 组件创建应用实例
SvgIcon(app);  // 注册SVG图标组件
app.use(store)  // 安装内存管理模块
app.use(router)  // 安装导航
app.use(ElementPlus, {  // 安装中文主题包
    locale: zhCn,
})
app.mount('#app')  // 挂载到 index.html 中 id 为 app 的元素